{% extends "base_generic.html" %}
{% block body %}
<body id="bplacemap">
{% endblock %}
{% block content %}
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=<?=$mapKey?>&amp;hl=en" type="text/javascript"></script>
<script type="text/javascript">var map; $(function() { createPlaceMap({{place.lat}}, {{place.lon}}, 15); }); var geonameId = {{place.gid}}; var placeName = "{{place.name}}", "{{place.country}}"; var nick = "missha";</script>

<div id="content-container"><div id="content">

  <div id="maincontent">
    <h1>Map of <a href="/places/{{place.gid}}">{{place.name}} <span class="country {{place.country}}">{{place.country}}</span></a></h1>
        <p style="margin-top: -18px;">An interactive and detailed map of {{place.name}} with street names.</p>
        <p style="margin-top: -9px;">By the way, <strong>are you going to {{place.name}}</strong>? Read <a href="/places/{{place.gid}}">real travel experiences and comments</a> of <a href="/places/{{place.gid}}/placevisitors">people who have been in {{place.name}}</a>.</p>
        <div id="map" style="width: 960px; height: 600px; margin-top: 18px;"></div>
        <p><strong>Map of {{place.name}}</strong> powered by <a href="http://maps.google.com">Google Maps</a></p>
        </div>

        <br class="clear" />
      </div></div>
{% endblock %}
